
@import './animation.scss';
@import './loginCommon.scss';
@charset 'UTF-8';blockquote,body,dd,dl,figure,form,h1,h2,h3,h4,h5,h6,ol,p,ul {
    margin: 0
}

ol,ul {
    padding: 0;
    list-style: none
}

a {
    text-decoration: none;
    color: inherit;
    outline: 0;
}

a[href]:active,button:active {
    background-image: -webkit-linear-gradient(to top,rgba(0,0,0,.05),rgba(0,0,0,.05));
    background-image: linear-gradient(to top,rgba(0,0,0,.05),rgba(0,0,0,.05))
}

body.iphone a[href]:active,body.iphone button:active {
    background-image: none
}

em {
    font-style: normal
}

h1,h2,h3,h4,h5,h6,input,select,textarea {
  font-size: 100%;
	font-weight: 500;
}

input,select,textarea {
	font-family: inherit;
	box-sizing: border-box
}
input {
  line-height: normal;
  border: none;
  outline: none;
	background: transparent;
}

img {
    display: inline-block
}

p {
    word-break: break-all
}

main {
    display: block
}

output {
    speak: digits
}

html {
    font-size: 14px
}
@media screen and (min-width: 320px) {
    html {
        font-size:calc(100% + 2 * (100vw - 320px)/ 55);
        font-size: calc(14px + 2 * (100vw - 320px)/ 55)
    }
}
@media screen and (min-width: 375px) {
    html {
        font-size:calc(114.2% + 2 * (100vw - 375px)/ 39);
        font-size: calc(16px + 2 * (100vw - 375px)/ 39)
    }
}
@media screen and (min-width: 414px) {
    html {
        font-size:calc(128.6% + 4 * (100vw - 414px)/ 586);
        font-size: calc(18px + 4 * (100vw - 414px)/ 586)
    }
}
@media screen and (min-width: 600px) {
    html {
        font-size:calc(142.9% + 4 * (100vw - 600px)/ 400);
        font-size: calc(20px + 4 * (100vw - 600px)/ 400)
    }
}
@media screen and (min-width: 1000px) {
    html {
        font-size:calc(157.1% + 6 * (100vw - 1000px)/ 1000);
        font-size: calc(22px + 6 * (100vw - 1000px)/ 1000)
    }
}

body {
    font-family: sans-serif;
    line-height: 1.5;
    -webkit-user-select: none;
    color: #33373d;
    fill: currentColor;
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: none;
    -webkit-touch-callout: none
}
[hidden]{
	display: none;
}
/*common*/
.clip,aria{
	position: absolute;
	clip: rect(0 0 0 0);
}
aria{
	font-size: 0;
}
.ell{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.rel{
	position: relative;
}
.clip{
	position: absolute;
    clip: rect(0,0,0,0);
}
.flex{display: flex}
.fix:after{visibility: hidden;display: block;font-size: 0;content:""; clear: both; height: 0;}
.fl{float: left}
.fr{float: right}
.bg-cover{position: absolute;top:0;bottom: 0;left: 0;right:0;background-color: rgba(0,0,0,.6);}
.userrand{
	i{
		display:inline-block;
		width:42px;
		height:16px;
		vertical-align:-3px;
		margin:0 5px 0 0;
		border-radius: 10px;
	}
	@for $i from 0 through 12 {
	  .rank#{$i} { 
			background:url(../assets/images/title/r#{$i}.png) no-repeat;
			background-size:contain
		}
	}
}
.userrand .admin{width:42px;height:16px;background:url(../assets/images/title/admin_l.png) no-repeat;background-size:contain;border-radius: 10px;}
.userrand .teacher{width:42px;height:16px;background:url(../assets/images/title/teacher_l.png) no-repeat;background-size:contain;border-radius: 10px;}
.userrand .shi{width:42px;height:16px;background:url(../assets/images/title/shi_l.png) no-repeat;background-size:contain;border-radius: 10px;}
.userrand .tuan{width:42px;height:16px;background:url(../assets/images/title/tuan_l.png) no-repeat;background-size:contain;border-radius: 10px;}
.noscroll,.noscroll body {
    overflow: hidden;
}
.noscroll body {
    position: relative;
}
.tv-loading{position: fixed;left:0;right: 0;top:0;bottom: 0;background-color: #fff;z-index: 9999;}
.tv-loading-inner{position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);}
.ball-beat{height: 26px;text-align: center;margin-bottom: 1rem;}
.loading-icon-wrap{text-align: center;}
.ball-beat div{display: inline-block;width: 16px;height: 16px;margin: 2px;background-color: #008aec;border-radius:50%;-webkit-animation: ball-beat .7s 0s infinite linear;animation: ball-beat .7s 0s infinite linear;-webkit-animation-fill-mode: both;;animation-fill-mode: both;}
.ball-beat div:first-child,.ball-beat div:last-child,.ball-beat div.first,.ball-beat div.third{animation-delay:.35s;}